<template>
  <div class="box">
    <div class="li">
      <h2>[ 发货&配货问题 ]</h2>
      <div class="content" v-for="val in list.slice(0, 5)" :key="val">
        <h5>{{ val.name }}</h5>
        <p>{{ val.info }}</p>
      </div>
    </div>
    <div class="li">
      <h2>[ 订单&支付问题 ]</h2>
      <div class="content" v-for="val in list.slice(5, 8)" :key="val">
        <h5>{{ val.name }}</h5>
        <p>{{ val.info }}</p>
      </div>
    </div>
    <div class="li">
      <h2>[ 其他问题 ]</h2>
      <div class="content" v-for="val in list.slice(8, 13)" :key="val">
        <h5>{{ val.name }}</h5>
        <p>{{ val.info }}</p>
      </div>
    </div>
  </div>
</template>
<script setup>
import { ref } from "vue";
let title = ref(["发货&", "", ""]);
let list = ref([
  {
    name: "1、我的订单什么时候发货？",
    info: "蘑菇宠医健康馆下单购买商品后2个工作日内安排发货，特殊情况除外（特殊情况如大促、长假、国家及各地政策影响等，按另行通知为准），物流到货时效无法预计和保证，暂时不支持指定快递/指定发货/到货时间。",
  },
  {
    name: "2、物流信息在哪里查看?",
    info: "点击[我的]-[商品订单] -找到对应的订单，点击[查看物流]即可查看物流信息。",
  },
  {
    name: "3、发什么快递，我可以指定物流公司吗?",
    info: "不同商品的发货仓库不同，合作的物流公司不同，暂不接受指定快递。",
  },
  {
    name: "4、商品发货后物流无进展怎么办?",
    info: "物流信息可能存在更新延迟，若长时间无进展可前往该物流公司官方网站查询或联系蘑菇宠医在线人工客服。",
  },
  {
    name: "5、为什么我拍了好几件商品，只收到一件?",
    info: "不同的商品可能发货自不同的仓库，所以同一订单可能包含多个包惠先后送达，详见订单中商品的物流进度。建议先耐心等待，如果长时间未收到，可联系蘑菇宠医客服咨询",
  },
  {
    name: "6、以前有买过的药品怎么找不到了?",
    info: "如果您在蘑菇宠医的药房买过药品，可以点开[我的]-[药品订单]-查询您之前购买的药品订单。通过以上方式仍无法查看药品订单的，可联系在线客服处理。",
  },
  {
    name: "7、可以用那些方式支付，银行卡可以支付吗?",
    info: "目前蘑菇宠医健康馆支持微信和支付宝的方式进行支付，使用银行卡的话需要绑定到微信或者支付宝进行支付。",
  },
  {
    name: "8、为什么商品详情有库存，我下单后提示该地区无货?",
    info: "因为商品仓库配送及库存限制，部分偏远地区暂不支持下单，具体请参考商品下单时的系统提示。",
  },
  {
    name: "9、怎么联系客服?",
    info: "方法一: 点击商详页左下角[客服] -拨打人工客服方法二: 底部右下角点击[我的]-[常用工具][投诉反馈]-拨打人工客服",
  },
  {
    name: "10、为什么联系客服，没有人回应?",
    info: "人工客服在线时间为工作日的9:30am-18:30，其他时间的致电人工客服将在上班后回电，请保持电话开机。",
  },
  {
    name: "11、我可以退货吗? 怎么操作?",
    info: "蘑菇宠医健康馆的商品支持7天无理由 (未拆封，不影响二次销售)退货，除非商品详情页有特别说明不支持7天无理由退货的除外。7天无理由退货的商品须确保外包装完好、商品无污渍，未拆封，不影响二次销售。退回运费由买方承担。",
  },
  {
    name: "12、如何申请退货退款?",
    info: "联系人工客服沟通退货退款，联系方式详见前面第9点。",
  },
  {
    name: "13、蘑菇宠医健康馆的商品是正品吗?",
    info: "蘑菇宠医健康馆所有在售商品均保障正品，支持假一赔三。",
  },
]);
</script>
<style scoped>
.box {
  padding: 20px 40px;
  box-sizing: border-box;
}
.li h2 {
  color: #f62;
  margin: 30px 0 60px 0;
}
.li h5 {
  margin: 20px 0;
  font-size: 28px;
}
.li p {
  line-height: 56px;
  color: #666;
  font-size: 26px;
}
.content {
  margin-bottom: 60px;
}
</style>